//加载模块
layui.use(['layer', 'laydate','table','upload'], function(){

    console.log("进入产品页面")


    var layer = layui.layer //弹层
        ,table = layui.table //表格
        ,upload = layui.upload //上传


    //执行一个 table 实例
    table.render({
        elem: '#test'
        ,height: 420
        ,url: 'http://localhost:8080/back/font/footInfo' //数据接口
         ,   headers:{'token':getCookie("keji_token"),'user':getCookie("keji_ucenter")}
        ,title: '用户表'
        ,response: {statusCode: 200 }//规定成功的状态码，默认：0
        // ,page: true //开启分页
        ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        // ,data:[{"hello":"world"}]
        // ,totalRow: true //开启合计行
        ,cols: [[ //表头
            {type: 'checkbox', fixed: 'left'}
            ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left',sort:true}
            ,{field: 'title', title: '导航名', width:500}
            ,{field: 'titleHref', title: '地址链接', width: 500, }
                       // ,{field: 'typeName', title: '所属', width:150}
            // ,{field: 'description', title: '描述', width:150}
            // ,{field: 'sign', title: '签名', width: 200}
            // ,{field: 'classify', title: '职业', width: 100}
            // ,{field: 'wealth', title: '财富', width: 135, sort: true, totalRow: true}
            ,{fixed: 'right', width: 250, title:'操作',align:'center', toolbar: '#barDemo'}
        ]]
    });

    //监听头工具栏事件
    table.on('toolbar(test)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id)
            ,data = checkStatus.data; //获取选中的数据
        switch(obj.event){
            case 'add':
                layer.msg('添加');
                break;
            case 'update':
                if(data.length === 0){
                    layer.msg('请选择一行');
                } else if(data.length > 1){
                    layer.msg('只能同时编辑一个');
                } else {
                    layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
                }
                break;
            case 'delete':
                if(data.length === 0){
                    layer.msg('请选择一行');
                } else {
                    layer.msg('删除');
                }
                break;
        };
    });

    //监听行工具事件
    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"

        console.log("产品监听操作对象",obj);

        var data = obj.data //获得当前行数据
            ,layEvent = obj.event; //获得 lay-event 对应的值

        //获得当前行数据的id值，并将其存放于session中
        sessionStorage.setItem("productId", data.id);
        if(layEvent === 'detail'){
            layer.msg('查看操作');
        }else if(layEvent === "delete"){
            layer.confirm('真的删除行么', function(index){
                obj.del(); //删除对应行（tr）的DOM结构
                layer.close(index);
                console.log("点击确定删除的index：",index)
                let user = {"id":data.id}
                //向服务端发送删除指令
                $.ajax({
                    url:"http://localhost:8080/back/font/deleteFoot",
                    data:JSON.stringify(user),
                    contentType:"application/json",
                    type:"post",
                    headers:{'token':getCookie("keji_token"),'user':getCookie("keji_ucenter")},
                    dataType:"json",
                    success:function () {

                    }

                })
            });

        } else if(layEvent === 'edit'){

            xadmin.open('编辑', '../../html/foot/foot-edit.html', 600, 400);

            //下拉菜单
            /*dropdown.render({
                elem: this //触发事件的 DOM 对象
                ,show: true //外部事件触发即显示
                ,data: [{
                    title: '编辑'
                    ,id: 'edit'
                },{
                    title: '删除'
                    ,id: 'del'
                }]
                ,click: function(menudata){
                    if(menudata.id === 'del'){
                        layer.confirm('真的删除行么', function(index){
                            obj.del(); //删除对应行（tr）的DOM结构
                            layer.close(index);
                            //向服务端发送删除指令
                        });
                    } else if(menudata.id === 'edit'){
                        layer.msg('编辑操作，当前行 ID:'+ data.id);
                    }
                }
                ,align: 'right' //右对齐弹出（v2.6.8 新增）
                ,style: 'box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);' //设置额外样式
            })*/
        }
    });













});
function setCookie(name,value)
{
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function clearCookie(name) {
    setCookie(name, "", -1);
}
function clearAllCookie() {
    var date=new Date();
    date.setTime(date.getTime()-10000);
    var keys=document.cookie.match(/[^ =;]+(?=\=)/g);
    console.log("需要删除的cookie名字："+keys);
    if (keys) {
        for (var i =  keys.length; i--;)
            document.cookie=keys[i]+"=0; expire="+date.toGMTString()+"; path=/";
    }
}
function getCookie(name)
{
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
        return unescape(arr[2]);
    else
        return null;
}

